* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

@font-face {
  font-family: 'PP Neue Montreal Medium';
  src: url('/ppneuemontreal-medium.woff');
}

#root {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  font-family: PP Neue Montreal Medium, serif;
  box-sizing: border-box;
}

.leaf {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-image: url('/leaf-white.svg');
  width: 50px;
  /*background-color: red;*/
  height: 50px;
  z-index: 2;
  top: 0;
  left: 0;
}

.rotate360 {
  transition: transform 2s ease-in-out;
  transform: rotate(360deg);
  pointer-events: none;
}

.rotateN360 {
  transition: transform 2s ease-in-out;
  transform: rotate(-360deg);
  pointer-events: none;
}